onload = () => {
    loadCSS("../css/fontello.css", "bootstrap5-icon");
    loadCSS("../css/bootstrap5.min.css", "bootstrap5");
    loadScript("../js/bootstrap5.bundle.min.js")
        .then(() => loadScript("../js/crud.js")).then(() => {
        let orgOperator = new Crud({
            module: "file",
            hasCheckbox: true,
            iterators: [],
            opsButton:[],
            rowBtn:[],
            search: [{"caption": "Category", "type": "text", "name": "category", class: "col-3"},
                {"caption": "Ref#", "type": "text", "name": "referenceNumber", class: "col-3"}
            ],
            listField: [{"caption": "ID", "field": "fileId"},
                {"caption": "name", "field": "name"}, {
                "caption": "Category", "field": "category"
            }, {"caption": "Ref#", "field": "referenceNumber"}],
            editFields: [
            ]
        });
        orgOperator.init()
    }).catch((err) => console.error(err));
}
